<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        form 表单标签
            action 定义数据的提交地址
                1 url
                2 相对路径
                3 绝对路径

            method 定义数据的提交方式
                GET
                    参数会以键值对形式(Key-Value)放在url后提交
                    url?key=value&key=value&key=value
                POST
        表单项标签
        表单项标签一定要定义name属性，该属性用于明确提交时的参数名
        表单项还需要定义value属性，该属性用于明确提交时的实参
        value属性值默认为用户输入的值
        input
            type 输入信息的表单项类型
                text     单行普通文本框
                password 密码框
                submit   提交按钮
                reset    重置按钮
                radio    单选框
                         多个单选框使用相同的name属性，则会有互斥效果
                checkbox 复选框  多个选项选多个
                hidden   隐藏框  不显示再页面上，提交时会携带
                file     文件上传框
        textarea  文本域  多行文本框
        select  下拉框
            option 选项
    -->
    <form action=".\08welcome.html" method="get">
        userID:<input type="text" name="username">       <br>
        password:<input type="password" name="userpwd">  <br>
        gender:
            <input type="radio" name="gender" value="1" checked>男
            <input type="radio" name="gender" value="0">女
            <br>
        introduce:
            <textarea name="intro" style="width:300px;height:100px;">
            </textarea>
        <br>
        <input type="submit" value="login">
        <input type="reset" value="reset">
    </form>
</body>
</html>